import request from '../../util/request'
// index.js
Page({
  data:{
    bannerList: [], 
    recommendList: [], 
    topList: [],
  },

  onLoad: async function(options){
    // wx.request({
    //   url: 'http://localhost:3000/banner',
    //   data:{type : 2},
    //   success: (res) => {
    //     console.log('请求成功：',res);
    //   },
    //   fail: (err) => {
    //     console.log('请求失败：',err)
    //   }
    // })
  let bannerRes = await request("/banner",{type : 2});
  console.log("轮播图结果数据： ",bannerRes);
  this.setData({
    bannerList: bannerRes.banners
  })
  
  let recommendRes = await request("/personalized", {limit: 10});
  console.log("每日推荐歌单结果数据： ",recommendRes);
  this.setData({
    recommendList: recommendRes.result
  })

  // 获取排行榜数据
  /**
   *  需求分析：
   * idx接口返回范围是0-20，我们需要0-4 所以请求5次
   */
  let index = 0;
  let resultArr = [];
  while(index < 5){
    let topListData = await request("/top/list", {idx: index++});
    // splice 会修改原数组，可以对指定的数组进行增删改   而slice 不会修改原数组
    let topListItem = {name: topListData.playlist.name, tracks: topListData.playlist.tracks.slice(0,3)};
    resultArr.push(topListItem);

    // 放上来用户体验会好点
    this.setData({
      topList: resultArr
    })
  }

  // 更新topList的状态值
  // this.setData({
  //   topList: resultArr
  // })
 

  },

  toRecommendSong(){
    wx.navigateTo({
      url: '/pages/recommendSong/recommendSong',
    })
  },

})
